/* padding: 0 .p0 */
.p0{
    padding: 0;
}
/* padding-left : 0-100 .pl0~100 */
/* .pl5  ==> padding-left : 5px; */
@for $i from 0 through 10 {
    .pl#{$i*10} {
        padding-left: $i*10px;
    }
    @if $i < 10 {
        .pl#{$i*10 + 5} {
            padding-left: $i*10px + 5px;
        }
    }
}
/* padding-right : 0-100 .pr0~100 */
/* .pr5  ==> padding-right : 5px; */
@for $i from 0 through 10 {
    .pr#{$i*10} {
        padding-right: $i*10px;
    }
    @if $i < 10 {
        .pr#{$i*10 + 5} {
            padding-right: $i*10px + 5px;
        }
    }
}
/* padding-top : 0-100 .pr0~100 */
/* .pt5  ==> padding-top : 5px; */
@for $i from 0 through 10 {
    .pt#{$i*10} {
        padding-top: $i*10px;
    }
    @if $i < 10 {
        .pt#{$i*10 + 5} {
            padding-top: $i*10px + 5px;
        }
    }
}
/* padding-bottom : 0-100 .pr0~100 */
/* .pb5  ==> padding-bottom : 5px; */
@for $i from 0 through 10 {
    .pb#{$i*10} {
        padding-bottom: $i*10px;
    }
    @if $i < 10 {
        .pb#{$i*10 + 5} {
            padding-bottom: $i*10px + 5px;
        }
    }
}